<template>
  <div>
    <button @click="home()">home</button>
    <button @click="about()">about</button>
    <div>
      <router-view></router-view>
    </div>
  </div>
</template>
<script setup>
import { getCurrentInstance } from "vue";
const { proxy } = getCurrentInstance()
const home = () => {
  // proxy.$router.push('/')
  proxy.$router.push('/')
}
const about = () => {
  proxy.$router.push('about')
}
</script>

<style scoped>
</style>
